<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>content</title>
    <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" />
    <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" />
    <script type="text/javascript" src="js/jquery-latest.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <script type="text/javascript">
    	$(function(){setTableCssByClass('table-striped');});
    </script>
</head>
<body>
	<h2>原型菜单 -> 列表查询</h2>
			<div id="maindiv" style="height: 100%;width: 98%;">
			 <form id="ff"> 
		    	<table cellpadding="0" cellspacing="0" class="table-striped">
		    		<tr>
		    			<td>井号：</td>
		    			<td><input name="jsontext1"/></td>
		    			<td>井型：</td>
		    			<td><select class="easyui-combobox" name="jsontext2" style="width: 150px;"><option></option><option>探井</option><option>开发井</option></td>
		    			<td>井别：</td>
		    			<td><input name="jsontext3"/></td>
		    		</tr>
		    		<tr>
		    			<td>甲方单位：</td>
		    			<td><input name="jsontext4"/></td>
		    			<td>服务项目：</td>
		    			<td><input name="jsontext5"/></td>
		    			<td>钻机编号：</td>
		    			<td><input name="jsontext6"/></td>
		    		</tr>
		    	</table>
		    </form>
		    
		    
				<div style="height: 40px;padding: 0px 10px 0px 0px;text-align: right;" >
					<a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm();">查询</a>
					<a href="javascript:void(0)" class="easyui-linkbutton" onclick="alert(this.innerText);clearForm();">重置</a>
				</div>
				<!-- url="data/datagrid_data1.json" -->
					<table class="easyui-datagrid" title="数据列表" style="height:330px;"
						   id="datagrid1"
						   data-options="singleSelect:true,checkOnSelect:true,collapsible:true,method:'get',pagination:true,fitColumns: true">
						<thead>
						<tr>
							<th data-options="field:'ck',checkbox:true"></th>
							<th data-options="field:'jsontext1',width:$(this).width()*0.05">井号</th>
							<th data-options="field:'jsontext2',width:$(this).width()*0.1">井别</th>
							<th data-options="field:'jsontext3',width:$(this).width()*0.1">井型</th>
							<th data-options="field:'jsontext4',width:$(this).width()*0.1">甲方单位</th>
							<th data-options="field:'jsontext5',width:$(this).width()*0.15">服务项目</th>
							<th data-options="field:'jsontext6',width:$(this).width()*0.15">钻机编号</th>
							<th data-options="field:'status',width:$(this).width()*0.05">自</th>
							<th data-options="field:'status1',width:$(this).width()*0.05">至</th>
							<th data-options="field:'status3',width:$(this).width()*0.1">起钻井深</th>
							<th data-options="field:'status4',width:$(this).width()*0.05">钻达深度</th>
							<th data-options="field:'status5',width:$(this).width()*0.1">井眼扩大率</th>
						</tr>
					</thead>
					<!-- 如果不使用的话 采用如下方式 -->
					<tbody>
						<tr>
							<td></td><td>牛东2</td><td>开发井</td><td>直井</td><td>大庆油田</td><td>洗井</td><td>ZJ001</td>
							<td>10</td><td>20</td><td>2000</td><td>7000</td><td>40%</td>
						</tr>
					</tbody>
					
				</table>
		    </div>
</body>
</html>